﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>安全保障工作平台</title>
<link href="../css/style_top.css" rel="stylesheet" type="text/css" />
<link href="../css/footer.css" rel="stylesheet" type="text/css" />
<link href="../css/recommended.css" rel="stylesheet" type="text/css" />
</head>
<script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"></script>
<style>
*{ padding:0px; margin:0px;}
html,body{ width:100%; height:100%;}
ul li{  list-style-type:none;}
a{ text-decoration:none; font-size:12px;}
.top{ width:1006px; height:auto; margin:0 auto;}
.buttom{ width:100%; height:50px; background:#bcdc97; border-bottom:1px solid #fff;}
.type_text{ width:auto; height:auto; float:left; margin-right:10px; margin-top:15px;}
.bottom_type{ width:auto; height:auto; float:left; margin-top:15px;}
.type_text span{ font-size:12px; color:#535353; font-family:'宋体';}
.bottom_type li{ float:left; margin-right:10px;}
.bottom_type li a{ display:block; width:82px; height:20px; background:url(../pic/bottom_bg.png) repeat-x; border-radius:5px; border:1px solid #d8d8d8; text-align:center; line-height:20px; color:#535353;}
.input_pass{ width:92px; height:20px; border:1px solid #698649;}
.buttom_condent{ float:right;}



.platform_pic{ width:100%; height:140px; overflow:hidden;}
.platform_pic img{ width:100%;}
.nav_li{ width:100%; height:44px; background:#a7cc7c;}
.nav_li li span{ margin-top:1px; float:left;}
.nav_li li a{ height:44px; width:auto; display:block; float:left; padding:0px 15px; line-height:44px; font-size:18px; font-family:''微软雅黑; text-shadow:2px 2px 2px #284803; color:#2b4908;}
.nav_li_ul{ margin-left:25px;}


*{ padding:0px; margin:0px;}
html,body{ width:100%; height:100%;}
ul li{  list-style-type:none;}
a{ text-decoration:none; font-size:12px; color:#1d1d1d;}

.footer{ width:1006px; height:128px; background:#bcdc97; margin:0 auto;}
.footer_first{ padding-top:20px;}
.footer p{ text-align:center; font-size:12px; color:#1d1d1d; font-family:'宋体'; margin-bottom:7px;}
a:hover{ color:#fff;}
.hov_er:hover{ color:#933 !important;}



.condent{ width:1006px; height:700px; margin:0 auto;}
.left_nav_title{ width:278px; height:43px; background:#679236; color:#fff; line-height:43px; font-size:18px; }
.left_nav_title span{ margin-left:20px;}
.left_nav{ background:url(../pic/tui_jian_bg.png) repeat-x; width:278px; height:100%; float:left;}
.left_nav_ul li{ width:278px; height:43px; background:#85a95a; margin:10px 0px; overflow:hidden;}
.left_nav_ul li a{ display:block; margin-left:10px; width:100%; height:100%; font-size:18px; font-family:'微软雅黑'; line-height:43px; background:url(../pic/left_nav_bg.png) no-repeat left center; color:#fff;}


.right_condent{ width:702px; height:500px; float:right;}
.form_condent{ width:90%; height:80%; margin-left:5%; margin-top:10px;};
.tab_le_tr{  background:#06F;}
.tab_le_tr:hover{ background:#a3d36c;}
.form_condent_ul{ margin-left:10px;}
.form_condent_ul li span{ font-size:12px;}
.langua_bg{ float:right; margin-top:10px;}
.langua_bg img{ width:150px;}
.contack li{ font-size:12px; margin-top:5px;}


</style>
<body>
   <!--头部-->
    <div class="top">
              <div class="buttom">
                     <div class="buttom_condent">
                          <!-- <div class="type_text">
                                   <span>统一登录入口  账户：<input class="input_pass" type="text" />&nbsp;&nbsp;密码：<input class="input_pass" type="password" /></span>
                          </div>
                          <div class="bottom_type">
                                     <ul>
                                           <li><a href="#">登陆</a></li>
                                           <li><a href="#">注册</a></li>
                                     </ul>
                          </div> -->
                     </div>
              </div>
              <div class="platform_pic">
                       <img src="../pic/platform_pic_bg.png" />
              </div>
              <div class="nav_li" >
                      <ul class="nav_li_ul" id="nav">
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a  href="home_condent.html">首页</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="supervision.html">市场监督信息</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="price_tate.html">市场价格信息</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="zhiliang_jiance.html">质量检测信息</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a style=" color:#fff;" href="suoyuan_infor.html">溯源信息</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="xiaofei_yujing.html">消费预警信息</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="Recommended.html">名品推荐</a>
                            </li>
                            <li>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                                <a href="Healthy_eating.html">健康食用</a>
                                <span><img src="../pic/nav_li_span_bg.png" /></span>
                            </li>
                      </ul>
              </div>
        </div>

   <!--中部-->
       <div class="condent">
             <div class="left_nav">
                    <div class="left_nav_title"><span>溯源信息</span></div>
                    <ul class="left_nav_ul" id="left_nav_ul">
                           <li><a href="#"><span style=" margin-left:20px; color:#133c15;">溯源信息</span></a></li>

                    </ul>
             </div>
             <!--内容-->
             <div class="right_condent" id="right_condent_table">
                     <p style=" border-bottom:1px solid #cacaca; margin-top:10px; font-size:12px;">您当前位置：<a href="home_condent.html" class="hov_er">首页</a>>><a class="hov_er" href="suoyuan_infor.html">溯源信息</a></p>
                     <div class="form_condent">
                           <!--查询条件-->
                           <!-- <span style=" font-size:12px;">五大类农产品：</span>
                           <select>
                                  <option>肉鸡</option>
                                  <option>生猪</option>
                                  <option>塘鱼</option>
                                  <option>蔬菜</option>
                                  <option>奶类</option>
                           </select>&nbsp;&nbsp;
                           <span style=" font-size:12px;">地区：</span>
                           <select>
                                  <option>全部</option>
                                  <option>越秀区</option>
                                  <option>荔湾区</option>
                                  <option>天河区</option>
                                  <option>海珠区</option>
                                  <option>白云区</option>
                                  <option>萝岗区</option>
                                  <option>南沙区</option>
                                  <option>黄埔区</option>
                                  <option>花都区</option>
                                  <option>番禺区</option>
                                  <option>增城市</option>
                                  <option>从化市</option>
                           </select>&nbsp;&nbsp;
                           <span style=" font-size:12px;">市场：</span>
                           <select>

                                  <option>广州市江村农贸综合批发市场</option>
                                  <option>江村家禽批发市场</option>
                                  <option>广州花卉研究中心</option>
                                  <option>广州黄沙水产交易市场</option>
                                  <option>白云山农产品综合批发市场</option>
                                  <option>广州江南果菜批发市场经营管理有限公司</option>
                                  <option>嘉禾畜禽交易服务中心</option>
                                  <option>白云区粮油综合市场</option>
                                  <option>天平架水果批发市场</option>
                                  <option>宝华生鲜街市</option>
                                  <option>东川新街市</option>
                                  <option>海珠肉菜市场</option>
                                  <option>光扬市场</option>
                                  <option>广州市荔朗农副产品综合批发市场</option>
                           </select>&nbsp;&nbsp;

                           <a href="#"><input style=" background:#a7cc7c;" type="button" value="查询" /></a> -->
                           <div style=" margin-top:10px;">
                           <!--肉鸡-->
                           <table width="100%" border="0" cellspacing="0" height="400">
                                  <tr bgcolor="#578522" align="center" style="color:#fff;">
                                      <td>产品编号</td>
                                      <td>产品名称</td>
                                      <td>所属基地</td>
                                      <td>市场信息</td>
                                      <td>详情&</td>
                                  </tr>

                                  <tr class="tab_le_tr"  align="center" style="font-size:12px;" >
                                      <td>00001</td>
				      <td>草鱼</td>
				      <td>广州市花都区花山龙富水产养殖场</td>
                                      <td>广州江南果菜批发市场经营管理有限公司</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" bgcolor="#f0efef" align="center" style="font-size:12px;" >
                                      <td>00002</td>
                                      <td>带子</td>
                                      <td>广州市花都区花山龙富水产养殖场</td>
                                      <td>广州江南果菜批发市场经营管理有限公司</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" align="center" style="font-size:12px;" >
                                      <td>00003</td>
                                      <td>鲫鱼</td>
                                      <td>广州市花都区花山龙富水产养殖场</td>
                                      <td>黄沙水产交易市场</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr"  align="center" style="font-size:12px;" bgcolor="#f0efef">
                                      <td>00004</td>
                                      <td>桂鱼</td>
                                      <td>广州市花都区花山龙富水产养殖场</td>
                                      <td>黄沙水产交易市场</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" align="center" style="font-size:12px;" >
                                      <td>00005</td>
                                      <td>麻虾</td>
                                      <td>广州龙大水产养殖有限公司</td>
                                      <td>宝华生鲜街市</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" bgcolor="#f0efef" align="center" style="font-size:12px;" >
                                      <td>00006</td>
                                      <td>元贝</td>
                                      <td>广州龙大水产养殖有限公司</td>
                                      <td>宝华生鲜街市</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr"  align="center" style="font-size:12px;" >
                                      <td>00007</td>
                                      <td>角螺</td>
                                      <td>广州市荔湾区花桐水族档</td>
                                      <td>广州黄沙水产交易市场</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" bgcolor="#f0efef" align="center" style="font-size:12px;" >
                                      <td>00008</td>
                                      <td>左口</td>
                                        <td>广州市荔湾区花桐水族档</td>
                                      <td>广州黄沙水产交易市场</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>
                                  <tr class="tab_le_tr" align="center" style="font-size:12px;" >
                                      <td>00009</td>
                                      <td>东星斑</td>
                                      <td>广州三江水产养殖有限公司</td>
                                      <td>广州江南果菜批发市场有限责任公司</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>

</tr>
                                  <tr class="tab_le_tr" align="center" style="font-size:12px;" >				      
<td>00010</td>
                                      <td>福寿鱼</td>
           			     <td>广州市花都区狮岭粤洋水产养殖场</td>
                                      <td>宝华生鲜街市</td>
                                      <td><img style=" width:10px;" src="../pic/xiang_bg.jpg" /><span>详情</span></td>
                                  </tr>

                           </table>

                           <div style="background:#578522; width:100%; height:30px;">
                                 <table width="50%" border="0" cellspacing="0" align="right" style=" margin-top:2px;">
                                  <tr bgcolor="#578522" align="center" style="color:#fff;">
                                      <td><a href="#">上一页</a></td>
                                      <td><a href="#" style="color:rgb(152, 152, 152) !important;">下一页</a></td>
                                      <td><a href="#">尾页</a></td>
                                      <td><input type="text" /></td>
                                      <td><a href="#"><input style=" background:#a7cc7c;"  type="button" value="GO" /></a></td>
                                  </tr>
                                  </table>
                           </div>
                     </div>
                     </div>

             </div>
             <div class="right_condent" id="right_condent_info" style=" display:none;" >
                     <p style=" border-bottom:1px solid #cacaca; margin-top:10px; font-size:12px;">您当前位置：<a href="home_condent.html" class="hov_er">首页</a>>><a class="hov_er" href="suoyuan_infor.html">溯源信息</a></p>
                     <div class="form_condent">
                           <p style=" font-weight:bold; text-align:center;">产品具体情况介绍</p>
                           <p style=" font-weight:bold;">产品介绍</p>
                           <div style=" margin-top:10px;">
                                 <p style=" font-size:12px; line-height:2">
                                       序号：36dfjgkd37;
                                 </p>
                                 <p style=" font-size:12px; line-height:2">
                                       产品编号：WGH-05-01061;
                                 </p>
                                 <p style=" font-size:12px; line-height:2">
                                       产品名称：草鱼;
                                 </p>
                                 <p style=" font-size:12px; line-height:2">
                                       所属基地：广州江南果菜批发市场经营管理有限公司;
                                 </p>
                                 <p style=" font-size:12px; line-height:2">
                                       市场信息：黄沙水产交易市场;
                                 </p>
                                 <p style=" font-weight:bold; margin-top:10px;">生产基地</p>
                                 <ul class="contack">
                                       <li>基地名称：广州江南果菜批发市场经营管理有限公司 </li>
                                       <li>具体地址：广州市花都区花山镇五星村 </li>
                                       <li>联系人：崔先生 </li>
                                       <li>联系电话：13642766518</li>
                                       <li>传真： </li>
                                       <li>电子邮件： </li>
                                 </ul>
                                 <p style=" font-weight:bold; margin-top:10px;">市场信息</p>
                                 <ul class="contack">
                                       <li>市场名称：黄沙水产交易市场 </li>
                                       <li>经营者：郑锦映  </li>
                                       <li>经营者电话： </li>
                                       <li>市场地址：广州市黄沙水产交易市场106档</li>
                                       <li>市场种类(批发或零售)：批发市场 </li>
                                       <li>市场说明： </li>
                                 </ul>

                           <div style=" width:100%;"><p style=" float:right; height:20px; line-height:20px; background:#a7cc7c; "><a id="ba_ck" href="#" style=" font-size:16px;">返回</a></p></div>
                     </div>
                     </div>

             </div>
       </div>

    <!--底部-->
    <div class="footer">
                       <p class="footer_first">
                           <a href="#">关于我们</a> &nbsp;|
                           <a href="#">网站地图</a> &nbsp;|
                           <a href="#">联系我们</a> &nbsp;|
                           <a href="#">网站申明</a> &nbsp;|
                           <a href="#">隐秘安全</a> &nbsp;|
                           <a href="#">网站使用帮助</a> &nbsp;|
                       </p>
                       <p>关于我们 | 网站地图 | 联系我们 | 网站申明 | 隐私安全 | 网站使用帮助 主办单位：广州市农业局 运营维护及技术支持</p>
                       <p>建议使用1024*768分辨率 IE6.0以上版本浏览器</p>
                       <p>广州市农业信息中心版权所有，未经授权禁止复制或建立镜像</p>
               </div>

</body>
</html>
<script type="text/javascript" src="../js/style_top.js"></script>
<script>
     $(".tab_le_tr").click(function(){
		 //alert(1);
		 $("#right_condent_info").css("display","block");
		 $("#right_condent_table").css("display","none");
		 })
	 $("#ba_ck").click(function(){
		 $("#right_condent_info").css("display","none");
		 $("#right_condent_table").css("display","block");
		 })
</script>
